<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/introduce.css">
    <title>企业介绍</title>
</head>

<body>
    <div class="container-fluid">
        <!-- 头部导航条 -->
        <div class="row header">
            <div class="col-md-3">
                <!-- logo -->
                <img src="images/logo.png" alt="" class="logo">
            </div>
            <div class="col-md-9">
                <!-- 导航 -->
                <!-- 首页 经典案例 发现更多 售后服务 关于我们 联系我们 企业介绍 -->
                <nav class="navbar navbar-default">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <!-- logo -->
                            <img src="images/logo.png" class="logo2" alt="">
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="classic_case.html">经典案例</a></li>
                                <li><a href="find.html">发现更多</a></li>
                                <li><a href="after_sale.html">售后服务</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                                <li class="active"><a href="introduce.html">企业介绍</a></li>
                            </ul>
                        </div>
                        <!--/.nav-collapse -->
                    </div>
                    <!--/.container-fluid -->
                </nav>
                <ul class="pull-right nav navbar2">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="classic_case.html">经典案例</a></li>
                    <li><a href="find.html">发现更多</a></li>
                    <li><a href="after_sale.html">售后服务</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                    <li class="active"><a href="introduce.html">企业介绍</a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>

        <!-- 广告图 -->
        <img src="images/introducebg.png" alt="" class="introduce_adbg">

        <!-- 企业公开信息 -->
        <div class="message">
            <div class="message_content">
                <div class="public_message">
                    <h3>信息公开</h3>
                    <div class="public_mess swiper-container">
                        <ul class="swiper-wrapper">
                            <li class="swiper-slide">
                                <img src="images/introduce_jigouhead.png" alt="">
                                <p>机构职能</p>
                            </li>
                            <li class="swiper-slide">
                                <img src="images/introduce_jigouhead.png" alt="">
                                <p>机构职能</p>
                            </li>
                            <li class="swiper-slide">
                                <img src="images/introduce_jigouhead.png" alt="">
                                <p>机构职能</p>
                            </li>
                            <li class="swiper-slide">
                                <img src="images/introduce_jigouhead.png" alt="">
                                <p>机构职能</p>
                            </li>
                            <li class="swiper-slide">
                                <img src="images/introduce_jigouhead.png" alt="">
                                <p>机构职能</p>
                            </li>
                            <li class="swiper-slide">
                                <img src="images/introduce_jigouhead.png" alt="">
                                <p>机构职能</p>
                            </li>
                            <li class="swiper-slide">
                                <img src="images/introduce_jigouhead.png" alt="">
                                <p>机构职能</p>
                            </li>
                            <li class="swiper-slide">
                                <img src="images/introduce_jigouhead.png" alt="">
                                <p>机构职能</p>
                            </li>
                            <li class="swiper-slide">
                                <img src="images/introduce_jigouhead.png" alt="">
                                <p>机构职能</p>
                            </li>
                            <div class="clearfix"></div>
                        </ul>
                        <div class="clearfix"></div>
                        <div class="swiper-pagination"></div>
                    </div>



                    <!-- <div class="filledcontent">
                        <di class="fill"></di>
                        <di class="fill"></di>
                        <di class="fill"></di>
                    </div> -->
                </div>
                <div class="work_message">
                    <h3>工作动态</h3>
                    <a>查看更多</a>
                    <div class="clearfix"></div>
                    <ul>
                        <li><a href="#">
                                -创新不是要改变世界，而是要不在重复昨天-
                                <span>2019-07-02</span>
                            </a></li>

                        <li><a href="#">

                                -创新不是要改变世界，而是要不在重复昨天-
                                <span>2019-07-02</span>
                            </a></li>

                        <li><a href="#">

                                -创新不是要改变世界，而是要不在重复昨天-
                                <span>2019-07-02</span>
                            </a></li>

                        <li><a href="#">

                                -创新不是要改变世界，而是要不在重复昨天-
                                <span>2019-07-02</span>
                            </a></li>

                        <li><a href="#">

                                -创新不是要改变世界，而是要不在重复昨天-
                                <span>2019-07-02</span>
                            </a></li>
                        <div class="clearfix"></div>
                    </ul>


                </div>
                <div class="clearfix"></div>
            </div>

        </div>

        <!-- 企业咨询 -->
        <div class="consult">
            <div class="consult_content">
                <h3>包图咨询</h3>
                <p>BAOTU INFOMATION</p>
                <div class="consult_list swiper-container">
                    <div class="swiper-wrapper">
                        <div class="consult_option swiper-slide">
                            <h3>包图咨询</h3>
                            <div class="yinhao">
                                <!-- <img src="images/yinhao.png" alt="">
                                <img src="images/yinhao.png" alt=""> -->
                            </div>
                            <div class="clearfix"></div>
                            <p>
                                包图网成立于2019年，致力于推动高效设计、 设计灵感、素材分享，为广大设计师的工作 提供便捷，致力于推动包图网成立于2019年， 致力于推动高效设计。
                            </p>
                        </div>
                        <div class="consult_option swiper-slide">
                            <h3>包图咨询</h3>
                            <div class="yinhao">
                                <!-- <img src="images/yinhao.png" alt="">
                                <img src="images/yinhao.png" alt=""> -->
                            </div>
                            <div class="clearfix"></div>
                            <p>
                                包图网成立于2019年，致力于推动高效设计、 设计灵感、素材分享，为广大设计师的工作 提供便捷，致力于推动包图网成立于2019年， 致力于推动高效设计。
                            </p>
                        </div>
                        <div class="consult_option swiper-slide">
                            <h3>包图咨询</h3>
                            <div class="yinhao">
                                <!-- <img src="images/yinhao.png" alt="">
                                <img src="images/yinhao.png" alt=""> -->
                            </div>
                            <div class="clearfix"></div>
                            <p>
                                包图网成立于2019年，致力于推动高效设计、 设计灵感、素材分享，为广大设计师的工作 提供便捷，致力于推动包图网成立于2019年， 致力于推动高效设计。
                            </p>
                        </div>
                        <div class="consult_option swiper-slide">
                            <h3>包图咨询</h3>
                            <div class="yinhao">
                                <!-- <img src="images/yinhao.png" alt="">
                                <img src="images/yinhao.png" alt=""> -->
                            </div>
                            <div class="clearfix"></div>
                            <p>
                                包图网成立于2019年，致力于推动高效设计、 设计灵感、素材分享，为广大设计师的工作 提供便捷，致力于推动包图网成立于2019年， 致力于推动高效设计。
                            </p>
                        </div>
                        <div class="consult_option swiper-slide">
                            <h3>包图咨询</h3>
                            <div class="yinhao">
                                <!-- <img src="images/yinhao.png" alt="">
                                <img src="images/yinhao.png" alt=""> -->
                            </div>
                            <div class="clearfix"></div>
                            <p>
                                包图网成立于2019年，致力于推动高效设计、 设计灵感、素材分享，为广大设计师的工作 提供便捷，致力于推动包图网成立于2019年， 致力于推动高效设计。
                            </p>
                        </div>
                        <div class="consult_option swiper-slide">
                            <h3>包图咨询</h3>
                            <div class="yinhao">
                                <!-- <img src="images/yinhao.png" alt="">
                                <img src="images/yinhao.png" alt=""> -->
                            </div>
                            <div class="clearfix"></div>
                            <p>
                                包图网成立于2019年，致力于推动高效设计、 设计灵感、素材分享，为广大设计师的工作 提供便捷，致力于推动包图网成立于2019年， 致力于推动高效设计。
                            </p>
                        </div>
                        <div class="consult_option swiper-slide">
                            <h3>包图咨询</h3>
                            <div class="yinhao">
                                <!-- <img src="images/yinhao.png" alt="">
                                <img src="images/yinhao.png" alt=""> -->
                            </div>
                            <div class="clearfix"></div>
                            <p>
                                包图网成立于2019年，致力于推动高效设计、 设计灵感、素材分享，为广大设计师的工作 提供便捷，致力于推动包图网成立于2019年， 致力于推动高效设计。
                            </p>
                        </div>
                        <div class="consult_option swiper-slide">
                            <h3>包图咨询</h3>
                            <div class="yinhao">
                                <!-- <img src="images/yinhao.png" alt="">
                                <img src="images/yinhao.png" alt=""> -->
                            </div>
                            <div class="clearfix"></div>
                            <p>
                                包图网成立于2019年，致力于推动高效设计、 设计灵感、素材分享，为广大设计师的工作 提供便捷，致力于推动包图网成立于2019年， 致力于推动高效设计。
                            </p>
                        </div>
                        <div class="consult_option swiper-slide">
                            <h3>包图咨询</h3>
                            <div class="yinhao">
                                <!-- <img src="images/yinhao.png" alt="">
                                <img src="images/yinhao.png" alt=""> -->
                            </div>
                            <div class="clearfix"></div>
                            <p>
                                包图网成立于2019年，致力于推动高效设计、 设计灵感、素材分享，为广大设计师的工作 提供便捷，致力于推动包图网成立于2019年， 致力于推动高效设计。
                            </p>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="swiper-pagination pag"></div>
                </div>
            </div>
        </div>

        <!-- 包图实力 -->
        <div class="baotu_strength">
            <img src="images/introduce_baotustrength.png" alt="" class="img-responsive">
        </div>


        <!-- 包图介绍 -->
        <div class="introduce_container">
            <div class="row introduce_list">
                <div class="col-md-4 list baotuintroduce">
                    <img src="images/baotuintroduce_01.png" alt="">
                    <h3>包图简介</h3>
                    <p>
                        包图网成立于2019年，致力于推动高效设计、设计灵感、素材分享，为广大设计师的工作提供便捷…
                    </p>
                    <a href="#">查看详情</a>
                </div>
                <div class="col-md-4 list userpower">
                    <img src="images/baotuintroduce_02.png" alt="">
                    <h3>用户权限</h3>
                    <p>
                        包图网成立于2019年，致力于推动高效设计、设计灵感、素材分享，为广大设计师的工作提供便捷…
                    </p>
                    <a href="#">查看详情</a>
                </div>
                <div class="col-md-4  list usergroup">
                    <img src="images/baotuintroduce_03.png" alt="">
                    <h3>用户群体</h3>
                    <p>
                        包图网成立于2019年，致力于推动高效设计、设计灵感、素材分享，为广大设计师的工作提供便捷…
                    </p>
                    <a href="#">查看详情</a>
                </div>
            </div>
        </div>

        <!-- 友情连接 -->

        <div class="row links">
            <div class="col-xs-3 col-sm-3 col-md-3 links_list">
                <p>友情链接</p>
                <ul>
                    <li>
                        <a href="">包图海外</a></li>
                    <li>
                        <a href="">包图插图</a></li>
                    <li>
                        <a href="">包图金融</a></li>
                    <li>
                        <a href="">包图工作室</a></li>
                </ul>
            </div>
            <div class="col-xs-3 col-sm-3 col-md-3 links_list">
                <p>人们搜索</p>
                <ul>
                    <li>
                        <a href="#">五一劳动节</a></li>
                    <li>
                        <a href="#">母亲节</a></li>
                    <li>
                        <a href="#">留意儿童节</a></li>
                    <li>
                        <a href="#">端午节</a></li>
                </ul>
            </div>
            <div class="col-xs-3 col-sm-3 col-md-3 links_list">
                <p>关于我们</p>
                <ul>
                    <li>
                        <a href="#">联系我们</a></li>
                    <li>
                        <a href="#">我们的团队</a></li>
                    <li>
                        <a href="#">加入我们</a></li>
                </ul>
            </div>
            <div class="col-xs-3 col-sm-3 col-md-3 loginnow">
                <h3>包图网</h3>
                <p>有问题可以发送邮件到客服 </p>
                <p> kefu@baotu.com</p>
                <button class="loginbtn"><span class="icon">&#xe61b;</span>
                    <p>立即登录</p>
                </button>
            </div>
            <div class="clearfix"></div>
        </div>


        <!-- 底部法律备案信息 -->
        <div class="footer">
            <div class="footer_content">
                <div class="col-md-9 beian">
                    <p>版权所有：上海市包图网科技有限公司 沪公网安备31011502400137号 Copyright©2016-2019 包图网ibaotu.com </p>
                    <p>地址：上海市浦东新区张江微电子港1号楼201室</p>
                    <p>投诉电话：0000-99999999 咨询电话：0000-99999999 投诉邮箱：tousu@baotu.com</p>
                    <p>为了防范电信网络诈骗，如接到962110来电，请立即接听</p>
                </div>
                <div class="col-md-3 qrcode pull-right">
                    <ul>
                        <li>
                            <div class="gongzhonghao">
                                <img src="" alt="">
                            </div>
                            <p>app下载</p>
                        </li>
                        <li>
                            <div class="gongzhonghao">
                                <img src="" alt="">
                            </div>
                            <p>公众号</p>
                        </li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>


    </div>


    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="libs/swiper/js/swiper.min.js"></script>
    <script>
        var swiper = new Swiper('.public_mess', {
            slidesPerView: 3,
            centeredSlides: true,
            spaceBetween: 10,
            slidesPerGroup: 3,
            loop: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
        });
        var swiper1 = new Swiper('.consult_list', {
            slidesPerView: 3,
            centeredSlides: true,
            spaceBetween: 10,
            slidesPerGroup: 3,
            loop: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
        });
    </script>
</body>

</html>